{{ extend './base.html'}}

{{block 'titleBlock'}}文章详情页{{/block}}
{{block 'scriptBlock'}}<script type="text/javascript" src="/news/js/detail.js"></script>{{/block}}
{{block 'menuBlock'}}{{/block}}

{{block 'contentLeftBlock'}}
<div class="detail_con fl">
    <h3>{{ newsData.title }}</h3>
    <div class="detail_about clearfix">
        <span class="time_souce fl">{{ newsData.create_time | dateFormat }} 来源: {{ newsData.source }}</span>
        <span class="comment fr">{{ newsData.clicks }}</span>
    </div>

    <p class="summary">
        摘要：{{ newsData.digest }}
    </p>

    {{@newsData.content}}

    
<a href="javascript:;" class="collection block-center" data-newid="{{newsData.id}}" style="display: {{isCollected? 'none': 'block'}}">收藏</a>
<a href="javascript:;" class="collected block-center" data-newid="{{newsData.id}}" style="display: {{isCollected? 'block': 'none'}}"><span class="out">已收藏</span><span class="over">取消收藏</span></a>

{{ if !user_info}}
<div class="comment_form_logout">
    登录发表你的评论
</div>
{{ else }}
<form action="" class="comment_form" data-newsid="{{newsData.id}}">
    <div class="person_pic">
        <img src="{{user_info.avatar_url}}" alt="用户图标">
    </div>
    <textarea placeholder="请发表您的评论" class="comment_input"></textarea>
    <input type="submit" name="" value="评 论" class="comment_sub">
</form>
{{ /if }}

<div class="comment_count">
    {{ newsData.comments_count?newsData.comments_count:0 }}条评论
</div>

<div class="comment_list_con">
    {{ each commentList }}
        <div class="comment_list">
            <div class="person_pic fl">
                <img src="{{ $value.commenter.avatar_url }}" alt="用户图标">
            </div>
            <div class="user_name fl">{{ $value.commenter.nick_name }}</div>
            <div class="comment_text fl">{{ $value.content }}</div>
            {{ if $value.parent_id }}
                <div class="reply_text_con fl">
                    <div class="user_name2">{{ $value.parent.user.nick_name }}</div>
                    <div class="reply_text">
                        {{ $value.parent.content }}
                    </div>
                </div>
            {{ /if }}
            <div class="comment_time fl">{{ $value.create_time | dateFormat }}</div>
            <a href="javascript:;" class="{{ user_like_comments_ids.indexOf($value.id)>=0?'has_comment_up':''}} comment_up fr" data-commentid="{{ $value.id }}" data-newsid="{{ $value.news_id }}" data-likecount="{{ $value.like_count?$value.like_count:0  }}">
                {{ $value.like_count?$value.like_count:"赞" }}
            </a>
            <a href="javascript:;" class="comment_reply fr">回复</a>
            <form class="reply_form fl" data-commentid="{{ $value.id }}" data-newsid="{{ $value.news_id }}">
                <textarea class="reply_input"></textarea>
                <input type="button" value="回复" class="reply_sub fr">
                <input type="reset" name="" value="取消" class="reply_cancel fr">
            </form>
        </div>
    {{ /each }}
</div>
    
    
</div>
{{/block}}
{{block 'authorCardBlock'}}
<div class="author_card">
    <a href="#" class="author_pic"><img src="{{authorInfo.avatar_url?authorInfo.avatar_url:'/news/images/user_pic.png'}}" alt="author_pic"></a>
    <a href="#" class="author_name">{{authorInfo.nick_name}}</a>
    <div class="author_resume">{{authorInfo.signature}}</div>
    <div class="writings"><span>总篇数</span><b>{{authorNewsCount}}</b></div>
    <div class="follows"><span>粉丝</span><b>{{authorFansCount}}</b></div>
    <a href="javascript:;" class="focus fr" style="display:{{isFollow?'none':'block'}}" data-userid={{authorInfo.id}}>关注</a>
    <a href="javascript:;" class="focused fr" style="display:{{isFollow?'block':'none'}}" data-userid={{authorInfo.id}}><span class="out">已关注</span><span class="over">取消关注</span></a>
</div>  
{{/block}}
